import React, { Component } from 'react'
import {
    SwiperContainer
  }from '../../StyledHome'

import { Carousel} from 'antd-mobile'
import bannerF from 'images/home/Banner@3x.png'
import bannerS from 'images/home/zhuangtailan@2x.png'
import bannerT from 'images/home/task/banner3.jpg'

const bannerArr = [
    {
        title:"1",
        bImg:bannerF
    },
    {
        title:"2",
        bImg:bannerS
    },
    {
        title:"3",
        bImg:bannerT
    }
]


export default class Swiper extends Component {
    render() {
        return (
            <SwiperContainer>
                 <Carousel className="my-carousel"
                    dots={true}
                    dragging={true}
                    swiping={true}
                    autoplay
                    infinite
                    >
                   {
                       bannerArr.map((value,index)=>(
                         <div key={value.title}>
                             <img src={value.bImg} alt=""/>
                         </div>
                       ))
                       
                   }
                    </Carousel>
            </SwiperContainer>
        )
    }
    
}
